.xgx-navbar {
  min-height: $xgx_nav_height;
  background-color: $xgx_nav_background_color;
  z-index: $xgx_z_index;

  > div {
    min-height: inherit;
  }

  @include media-breakpoint-up(md) {
    @supports (position:-webkit-sticky) or (position: sticky) {
      position: -webkit-sticky;
      position: sticky;
      top:  0rem;
    }
  }

  .xgx-navbar-title {
    color:$xgx_navbar_title_color;
    text-shadow: 2px 2px 1px black;
  }
}
